$(function() {
    // 点击切换注册和登录
    $('#loginBox a').on('click', function() {
        $('#loginBox').hide()
        $('#regBox').show()

    })
    $('#regBox a').on('click', function() {
            $('#regBox').hide()
            $('#loginBox').show()

        })
        // 正则
    let form = layui.form

    form.verify({
            username: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位数字和字母'],
            pwd: [/^[a-zA-Z0-9]{6,12}$/, '密码必须是6-12位数字和字母'],
            repwd: function(value, item) {
                let pwd = $('#regBox input[name=password]').val()
                if (pwd != value) {
                    return '两次输入的结果不一样'
                }
            }
        })
        // 注册功能
        // 当用户点击注册的时候，向服务器发送请求，将用户输入的数据发送给服务器

    // let layer = layui.layer
    // $('#formReg').on('submit', function(e) {
    //     e.preventDefault()
    //     axios({
    //         url: '/api/reguser',
    //         method: 'POST',
    //         data: $(this).serialize()
    //     }).then(({ data: res }) => {
    //         console.log(res);
    //         if (res.status != 0) {
    //             return layer.msg(res.message)
    //         }
    //         layer.msg('注册正确')
    //         setTimeout(function() {
    //             $('#loginBox a').click()
    //         }, 1000)
    //     });
    // })
    let layer = layui.layer
    $('#formReg').on("submit", function(e) {
            // 阻止表单默认行为
            e.preventDefault()

            axios({
                url: 'http://api-breakingnews-web.itheima.net/api/reguser',
                method: 'POST',
                data: $(this).serialize()


            }).then(res => {
                //成功回调
                if (res.data.status != 0) {
                    //    如果注册不成功，就将服务器提示的文字，弹窗提示出来
                    return layer.msg(res.data.message)
                }

                //    提示框美化
                layer.msg('注册正确')
                    //    清空表单
                $('#formReg')[0].reset()
                    // 切换到登录界面
                $('#regBox a').click()
            });
        })
        // 登录功能
    $('#formLogin').on('submit', function(e) {
        e.preventDefault()
        axios({
            url: 'http://api-breakingnews-web.itheima.net/api/login',
            method: 'POST',
            data: $(this).serialize()

        }).then(({ data: res }) => {
            console.log(res);
            if (res.status != 0) {
                return layer.msg(res.message)
            }
            layer.msg('恭喜你，登录成功')
            localStorage.setItem('token', res.token)
            setTimeout(function() {
                location.href = '/index.html'
            }, 1000)
        });
    })
})